<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./base_css/common.css">
    <link rel="stylesheet" href="./base_css/public.css">
    <link rel="stylesheet" href="./base_css/gsproduct.css">
</head>

<body>
    <!-- 头部部分 -->
    <header id="top">
        <a href="index.html"><i class="iconfont icon-jiantou-copy"></i></a>
        <p>凑单品</p>
        <a href="javascript:void(0);">
            <img src="./images/header_app.png" alt="">
            <p>APP下载</p>
        </a>
    </header>
    <!-- 顶部导航部分 -->
    <div class="top-nav">
        <div class="nav-left">
            <a href="javascript:void(0);" class="left-jd">
                <span>京东</span>
                <i class="iconfont icon-sanjiao"></i>
            </a>
            <ul class="jd-shop">
                <!-- <li>jingdong</li> -->
            </ul>
            <a href="javascript:void(0);" class="left-hb">
                <span> 华北</span>
                <i class="iconfont icon-sanjiao"></i>
            </a>
            <ul class="hb-area">
                <!-- <li>hdhhshgjg</li> -->
            </ul>
            <a href="javascript:void(0);" class="left-price">
                <span>全部价格</span>
                <i class="iconfont icon-sanjiao"></i>
            </a>
        </div>
        <span class="search"></span>
    </div>

    <!-- 商品列表 -->
    <div class="productList">
        <ul>
            <!-- <li>
                <a href="javascript:void(0);">
                    <img src="" alt="">
                    <div class="productINfo"></div>
                    <p class="product">
                        <span></span>
                        <span></span>
                    </p>
                </a>
            </li> -->
        </ul>
    </div>



    
    <!-- 底部部分 -->
    <footer>
        <div class="link">
            <a href="javascript:void(0);" class="login">登录</a>
            <a href="javascript:void(0);" class="sign">注册</a>
            <a href="#top" class="toTop">
                <i class="iconfont icon-fanhuishouye"></i>
                返回顶部
            </a>
        </div>
        <div class="APP">
            <a href="javascript:void(0);">
                <span>手机APP下载</span>
                <span>慢慢买手机版</span>
                <span>--掌上比价平台</span>
                <div class="address">m.manmanbuy.com</div>
            </a>
        </div>

    </footer>
</body>

</html>
<!-- <script src="./lib/jquery/jquery.js"></script> -->
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./js/gsproduct.js"></script>
<script type="text/template" id="productListTmp">
    {{each data value index}}
    <li>
        <a href="javascript:void(0);">
            <img src="{{value.productImg}}" alt="">
            <div class="productInfo">
                {{value.productName}}
            </div>
            <p class="productPrice">
                <span>{{value.productPrice}}</span>
                <span>去凑单</span>
            </p>
        </a>
    </li>
    {{/each}}
</script>